<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>

<link href="../plugins/quake-slider/css/quake.slider.css" type="text/css" rel="stylesheet" />
<link href="../plugins/quake-slider/skins/plain/quake.skin.css" type="text/css" rel="stylesheet" />
<script src="../plugins/quake-slider/js/quake.slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
    $('.quake-slider').quake({
        thumbnails: false,
        captionOrientations: 'top',
        captionOpacity: '0.3',
    });
});
</script>

<div class="quake-slider" style="height:<?php echo $request==='home/index'?320:200;?>px;">
    <div class="quake-slider-images">
    <?php foreach ( $banner_data as $i ){?>
    <a href="<?php echo $i['uri'];?>" target="_blank">
        <img src="<?php echo up_path($i['img_cover']);?>" alt=""/>
    </a>
    <?php }?>
    </div>
    <div class="quake-slider-captions quake-slider-caption-container">    
    <?php foreach ( $banner_data as $i ){?>
    <div class="quake-slider-caption">
        <?php echo $i[lang('field_links_title')]?>
    </div>
    <?php }?>
    </div>
 </div>
 <div style="height: 10px;"></div>